<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>胜蓝教育</title>
    <link rel="stylesheet" href="css/iconfont.css" />
    <link rel="stylesheet" href="css/amazeui.min.css" />
    <link rel="stylesheet" href="css/app.css" />
    <script type="text/javascript" src="js/jquery-1.8.2.min.js" ></script>
    <script type="text/javascript" src="js/amazeui.min.js" ></script>
</head>
<body>

<div class="top">
	<div class="m-header">
	    <a href="index.html"><img class="logo" src="images/logo.png" align="胜蓝教育" /></a>
    	<a href="javascript:;" class="iconfont icon-daohang2" data-am-offcanvas="{target: '#doc-oc-demo2', effect: 'push'}"></a>
	</div>
  	<div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{"directionNav":false}' >
	  	<img class="bgbanner" src="images/bg_banner.png" />
	  	<ul class="am-slides">
	      	<li>
	        	<img src="images/banner1.jpg">
	      	</li>
	      	<li>
	        	<img src="images/banner1.jpg">
	      	</li>
	  	</ul>
	</div>
</div>

<div class="am-text-sm am-text-center jianjie">
	<p>促进泸州提升技能就业培训、在岗继续培训</p>
	<p>打造创业型城市</p>
	<p>为社会提供更多更好的就业机会</p>
</div>	

<!-- 课程 Start -->
<div class="kecheng">
	<div class="m_index_title"><h1>课程体系</h1><p></p></div>
	<div class="con">
		<ul class="am-avg-sm-2">
			<li class="li1">
				<a href="#">
					<i class="iconfont icon-diannao"></i>
					<span>计算机就业系列</span>
				</a>
			</li>
			<li class="li2">
				<a href="#">
					<i class="iconfont icon-_png"></i>
					<span>IT短期培训系列</span>
				</a>
			</li>
		</ul>
		<ul class="am-avg-sm-3">
			<li class="li3">
				<a href="#">
					<i class="iconfont icon-dengpao"></i>
					<span>SIYB</br>创业培训</span>
				</a>
			</li>
			<li class="li4">
				<a href="#">
					<i class="iconfont icon-huijipingtai"></i>
					<span>会计上岗和</br>职称培训</span>
				</a>
			</li>
			<li class="li5">
				<a href="#">
					<i class="iconfont icon-edu"></i>
					<span>在职学历</br>教育系列</span>
				</a>
			</li>
		</ul>
	</div>
</div>
<!-- 课程 End -->
<!-- 联系我们 Start-->
<div class="lxwm">
	<div class="m_index_title"><h1>联系我们</h1><p></p></div>
	<div class="con">
        <img class="erweima" src="images/erweima.png" alt="胜蓝教育"/>
        <div class="text">
            <h3 class="am-list-item-hd">快来练习我们吧！</h3>
            <div class="am-list-item-text">
            	<p><i class="iconfont icon-dianhua1"></i>0830-2285206</p>
            	<p><i class="iconfont icon-dizhi"></i>江阳区新区转盘/纪念标（公交公司后面）</p>
            </div>
        </div>
      </div>
</div>
<!-- 联系我们 End -->
<!-- 在线留言 Start -->
<div class="zxly">
	<div class="m_index_title"><h1>在线留言</h1><p></p></div>
	<div class="con">
		<form>
			<input type="text" placeholder="请输入您的姓名" />
			<input type="text" placeholder="请输入您的联系方式" />
			<textarea placeholder="请输入您的留言"></textarea>
			<button type="submit">提交</button>
		</form>
	</div>
</div>
<!-- 在线留言 End -->
<!-- 底部 Start -->
<div class="am-padding-vertical m_footer">
	<p>版权所有：泸州市胜蓝职业学校. All Rights Reserved.</p>
	<p>ICP备案号：蜀ICP备06002692号</p>
</div>
<!-- 底部 End -->

<!-- 导航 Start -->
<div id="doc-oc-demo2" class="am-offcanvas">
  <div class="am-offcanvas-bar">
    <div class="am-offcanvas-content">
      
      	<ul class="am-list admin-sidebar-list" id="collapase-nav-1">
		  	<li  class="am-panel">
		    	<a data-am-collapse="{parent: '#collapase-nav-1'}" href="#/">首页</a>
		  	</li>
		  	<li class="am-panel">
			    <a data-am-collapse="{parent: '#collapase-nav-1', target: '#user-nav'}">
		        	走进胜蓝 <i class="iconfont icon-jiantou-copy1 am-fr am-margin-right"></i>
			    </a>
			    <ul class="am-list am-collapse admin-sidebar-sub" id="user-nav">
			        <li><a href="about.html">学校简介 </a></li>
			        <li><a href="#">学校文化 </a></li>
			        <li><a href="course.html">学校资质 </a></li>
			        <li><a href="#">教师风采 </a></li>
			    </ul>
		  	</li>
		  	<li  class="am-panel">
		    	<a data-am-collapse="{parent: '#collapase-nav-1'}" href="list.html">学校动态</a>
		  	</li>
		  	<li class="am-panel">
			    <a data-am-collapse="{parent: '#collapase-nav-1', target: '#company-nav'}">
		        	课程体系 <i class="iconfont icon-jiantou-copy1 am-fr am-margin-right"></i>
			    </a>
			    <ul class="am-list am-collapse admin-sidebar-sub" id="company-nav">
			        <li><a href="kecheng.html">计算机就业系列</a></li>
			        <li><a href="#">IT短期培训系列</a></li>
			        <li><a href="#">SIYB创业培训</a></li>
			        <li><a href="#">职称培训系列</a></li>
			        <li><a href="#">在职学历教育系列</a></li>
			    </ul>
		  	</li>
		  	<li class="am-panel">
			    <a data-am-collapse="{parent: '#collapase-nav-1', target: '#role-nav'}">
		        	就业服务 <i class="iconfont icon-jiantou-copy1 am-fr am-margin-right"></i>
			    </a>
			    <ul class="am-list am-collapse admin-sidebar-sub" id="role-nav">
			        <li><a href="#">就业新闻 </a></li>
			        <li><a href="#">就业指南 </a></li>
			        <li><a href="#">创业指导 </a></li>
			        <li><a href="#">见习基地 </a></li>
			        <li><a href="#">招贤纳士 </a></li>
			    </ul>
		  	</li>
		  	<li class="am-panel">
			    <a data-am-collapse="{parent: '#collapase-nav-1', target: '#role-nav'}">学员作品</a>
			    <ul class="am-list am-collapse admin-sidebar-sub" id="role-nav">
			        <li><a href="#">办公文秘 </a></li>
			        <li><a href="#">广告设计 </a></li>
			        <li><a href="#">建筑设计 </a></li>
			        <li><a href="#">室内设计 </a></li>
			    </ul>
		  	</li>  
		  	<li class="am-panel">
			    <a data-am-collapse="{parent: '#collapase-nav-1', target: '#role-nav'}">
		        	考试考证 <i class="iconfont icon-jiantou-copy1 am-fr am-margin-right"></i>
			    </a>
			    <ul class="am-list am-collapse admin-sidebar-sub" id="role-nav">
			        <li><a href="list.html">考试新闻 </a></li>
			        <li><a href="#">成绩查询 </a></li>
			        <li><a href="#">证书查询 </a></li>
			    </ul>
		  	</li>
		  	<li class="am-panel">
		    	<a data-am-collapse="{parent: '#collapase-nav-1'}" href="#">成功学子</a>
		  	</li>
		  	<li class="am-panel">
		    	<a data-am-collapse="{parent: '#collapase-nav-1'}" href="#">联系我们</a>
		  	</li>
		  	<li class="am-panel">
		    	<a data-am-collapse="{parent: '#collapase-nav-1'}" href="#">在线报名</a>
		  	</li>
		</ul>  
		
		<div class="user">
			<a href="javascript:void(0);">登录</a>
			<a href="javascript:void(0);">注册</a>
			<a href="javascript:void(0);">退出</a>
		</div>
    
    </div>
  </div>
</div>
<!-- 导航 End -->
</body>
</html>